<template>
    <div class="address-card b">
        <img class="address-img" src="@/assets/images/address.png">
        <div class="right f14">
            <div class="consignee">
                <span class="name">收货人:{{ address.realname }}</span>
                <span class="phone">{{ address.mobile }}</span>
            </div>
            <span class="address">
                地址:{{ address.prov + address.city + address.area + address.address }}
            </span>
        </div>
    </div>
</template>
<script>
export default {
    name: "Address",
    props: { address: Object }
}
</script>
<style lang="scss" scoped>
.address-card {
    width: 345px;
    min-height: 100px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 20px;
    margin-top: -50px;

    .address-img {
        width: 17px;
        margin-right: 15px;
        object-fit: contain;
    }

    .consignee {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

}
</style>